/* 渲染盒子{宽高坐标}信息 */
const renderInfo = () => {
	xDom.innerHTML = `${boxConfig.left}px`
	yDom.innerHTML = `${boxConfig.top}px`
	widthDom.innerHTML = `${boxConfig.width}px`
	heightDom.innerHTML = `${boxConfig.height}px`
}

/* 渲染盒子 */
const renderBox = () => {
	boxDom.style.left = `${boxConfig.left}px`
	boxDom.style.top = `${boxConfig.top}px`
	boxDom.style.background = boxConfig.bgColor
	boxDom.innerText = `${boxConfig.text}`
	boxDom.innerText = `${boxConfig.frequency}`
}

const selectBackground = () => {
	/* backgroundSelector : select 元素的dom */
	console.log('backgroundSelector', backgroundSelector.value);
	boxConfig.bgColor = backgroundSelector.value
	renderBox();
}

